<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0"/>
    <title>小儿推拿</title>

    <%@ include file="/include/datetables.jsp" %>
    <style>
        input[type=radio] {
            -webkit-appearance: radio;
        }
    </style>
</head>
<body>
<div class="Baby_Healthy_home">
    <!--左侧-->
    <jsp:include page="/include/menu.jsp" flush="true">
        <jsp:param name="index" value="3"/>
    </jsp:include>
    <!--右侧-->
    <div class="Baby_Healthy_home_right">
        <div class="Baby_Healthy_home_right_top">
            <ul class="Baby_Healthy_home_right_top_list">
                <li class="num1 bespeak_active js_power_49" rel='1'><a
                        href="${pageContext.request.contextPath}/order/gotoOrder">就诊订单</a></li>
                <li class="num3 js_power_69" rel='3'><a
                        href="${pageContext.request.contextPath}/order/gotoOrder?flag=3">商品订单</a></li>
                <li class="num2 js_power_50" rel='2'><a
                        href="${pageContext.request.contextPath}/order/gotoOrder?flag=2">卡项订单</a></li>
            </ul>
        </div>
        <!--订单详情-->
        <div class="Baby_Healthy_home_right_bespeak_list" style="height:90%">
            <ul class="zcnavbrand clearfix contain_bottom_line1">
                <li><a href="${pageContext.request.contextPath}/order/gotoOrder" class="userliblist_btn">就诊订单</a></li>
                <li><a href="javascript:void(0)">订单详情</a></li>
            </ul>
            <div class="bespeak_search_container" style="overflow: auto">
                <div class="zcusers uinfo">
                    <h5 class="tit">订单信息</h5>
                    <h5 style="font-size: 2.2rem;border-left: 0px;padding-left: 1rem;padding-bottom: 1rem;font-weight: bold"
                        id="order_statestr">已完成</h5>
                    <div class="rows nopd">
                        <div class="cols10">
                            <div class="cols20 rows">
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">订单编号：</label>
                                    <label class="cols14 zcform_text font_left" id="order_id">
                                    </label>
                                </div>
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">收款时间：</label>
                                    <label class="cols14 zcform_text font_left" id="order_one_time">
                                    </label>
                                </div>
                            </div>
                            <div class="cols20 rows">
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">下单时间：</label>
                                    <label class="cols14 zcform_text font_left" id="order_two_time">
                                    </label>
                                </div>
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">支付方式：</label>
                                    <label class="cols5 zcform_text font_left" id="order_pay_flag">
                                    </label>
                                    <a class="cols8 js_order_pay_flag js_power_82" href="javascript:void(0)"
                                       style="margin:0.65rem 0.5rem;color: #53C7FF;">修改</a>
                                </div>
                            </div>
                            <div class="cols20 rows">
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">下单门店：</label>
                                    <label class="cols14 zcform_text font_left" id="order_shop">
                                    </label>
                                    </label>
                                </div>
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">支付时间：</label>
                                    <label class="cols14 zcform_text font_left" id="order_pay_time">
                                    </label>
                                </div>
                            </div>
                            <div class="cols20 rows">
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">收银员&nbsp;&nbsp;&nbsp;：</label>
                                    <label class="cols14 zcform_text font_left" id="order_pay_name"></label>
                                </div>
                                <div class="cols10 rows zcformelm">
                                    <label class="cols6 zcform_text font_right">推拿师&nbsp;&nbsp;：</label>
                                    <label class="cols5 zcform_text font_left" id="doctor_name">
                                    </label>
                                    <a class="cols8 js_order_doctoredit js_power_80" href="javascript:void(0)"
                                       style="margin:0.65rem 0.5rem;color: #53C7FF;">修改</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zcusers uinfo">
                        <h5 class="tit">会员信息</h5>
                        <div class="rows nopd">
                            <div class="cols10">
                                <div class="cols20 rows">
                                    <div class="couponOption_margin" style="font-weight: 700; ">
                                        <img id="head_patient"
                                             style="position: relative ;left:1.5rem;width:3rem;height:3rem;border-radius: 50%">
                                        <label id="name_label" class="cols14 zcform_text font_left"
                                               style="position: relative ; left: 3rem;top:10px;"></label>
                                    </div>
                                </div>
                                <div class="cols20 rows" style="display: none">
                                    <div class="cols10 rows zcformelm">
                                        <label class="cols6 zcform_text font_right">会员等级：</label>
                                        <label class="cols14 zcform_text font_left" id="level_patient">
                                        </label>
                                    </div>
                                </div>
                                <div class="cols20 rows">
                                    <div class="cols10 rows zcformelm">
                                        <label class="cols6 zcform_text font_right">会员电话：</label>
                                        <label class="cols14 zcform_text font_left" id="phone_patient">
                                        </label>
                                    </div>
                                </div>
                                <div class="cols20 rows js_orderPatient">
                                    <div class="cols10 rows zcformelm">
                                        <label class="cols6 zcform_text font_right">就诊宝宝：</label>
                                        <label class=" zcform_text font_left" id="name_patient"></label>
                                        <a id="find_details" class=" zcform_text font_left"
                                           style="color:#53C7FF;font-size: 14px;margin-left: 1rem">查看就诊信息</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="zcusers">
                        <h5 class="tit">消费信息<a href="javascript:void(0)"></a></h5>
                        <div class="zctable" style="width:97%;padding-bottom: 1rem;">
                            <table class="bespeak_change_table patientsellist" id="order_details_list0">
                                <thead>
                                <tr class="bespeak_change_title" colspan="6">
                                    <th style="width:20%;position: relative;text-align: left;">服务&药品</th>
                                    <th style="width:16%;position: relative;text-align: left;">消费</th>
                                    <th style="width:16%;position: relative;text-align: left;">推拿师</th>
                                    <th style="width:16%;position: relative;text-align: right;padding-right: 1rem">收款人
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                            <table class="bespeak_change_table patientsellist hidden" id="order_details_list1">
                                <thead>
                                <tr class="bespeak_change_title" colspan="6">
                                    <th style="width:20%;position: relative;text-align: left;">名称</th>
                                    <th style="width:16%;position: relative;text-align: left;">消费</th>
                                    <th style="width:16%;position: relative;text-align: right;padding-right: 1rem">收款人
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="gatheringlist zcwrap hidden modify_order_pay_flag">
        <div class="zccard js_paywrap_service">
            <h5 class="tit">选择服务支付方式</h5>
            <div class="zccardelm paystyle" rel="1">
                <div class="row" style="margin-bottom:1rem;">
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf">
                        <div class="payelm active" rel="0">
                            <i class="icon ye"></i>
                            <span>会员余额</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf">
                        <div class="payelm" rel="2">
                            <i class="icon wechat"></i>
                            <span>微信</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf">
                        <div class="payelm" rel="1">
                            <i class="icon alpay"></i>
                            <span>支付宝</span>
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-bottom:2rem;">
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf">
                        <div class="payelm" rel="4">
                            <i class="icon ca"></i>
                            <span>Pos机</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf">
                        <div class="payelm" rel="3">
                            <i class="icon money"></i>
                            <span>现金</span>
                        </div>
                    </div>
                    <%--<div class="col-lg-4 col-md-4 col-sm-6 pd_hor5">--%>
                    <%--<div class="payelm" rel="5">--%>
                    <%--<i class="icon ca"></i>--%>
                    <%--<span>卡券支付</span>--%>
                    <%--</div>--%>
                    <%--</div>--%>
                </div>
            </div>
        </div>
        <div class="zccard js_paywrap_goods">
            <h5 class="tit">选择商品支付方式</h5>
            <div class="zccardelm paystyle" rel="2">
                <div class="row" style="margin-bottom:1rem;">
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf_two">
                        <div class="payelm active" rel="0">
                            <i class="icon ye"></i>
                            <span>会员余额</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf_two">
                        <div class="payelm" rel="2">
                            <i class="icon wechat"></i>
                            <span>微信</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf_two">
                        <div class="payelm" rel="1">
                            <i class="icon alpay"></i>
                            <span>支付宝</span>
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-bottom:2rem;">
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf_two">
                        <div class="payelm" rel="4">
                            <i class="icon ca"></i>
                            <span>Pos机</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pd_hor5 service_jyf_two">
                        <div class="payelm" rel="3">
                            <i class="icon money"></i>
                            <span>现金</span>
                        </div>
                    </div>
                    <%--<div class="col-lg-4 col-md-4 col-sm-6 pd_hor5">--%>
                    <%--<div class="payelm" rel="5">--%>
                    <%--<i class="icon ca"></i>--%>
                    <%--<span>卡券支付</span>--%>
                    <%--</div>--%>
                    <%--</div>--%>
                </div>
            </div>
        </div>
    </div>

    <div class="hidden dialogelm modify_order_doctor">
        <div class="zccard">
            <div class="form-group form-row">
                <label class="control-label col-lg-4" style="padding-left: 19px;">预约门店：</label>
                <div class="col-lg-8">
                    <select class="form-control js_subclinicId js_power_45" style="width: 100%">
                        <option value=""></option>
                    </select>
                </div>
            </div>
            <div class="form-group form-row">
                <label class="control-label col-lg-4" style="padding-left: 19px;">预约推拿师：</label>
                <div class="col-lg-8">
                    <select class="form-control js_doctorId select_arrow"></select>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="${pageContext.request.contextPath}/js/zcbase.js"></script>
<script src="${pageContext.request.contextPath}/js/order.js"></script>
<script>
</script>
</html>